<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.box{
				width: 200px;
			}
			.t_div{
				
			}
			.d_div{
				
			}
		</style>
	</head>
	<body>
		<div class="box" id="box">
			<img src="../../../高级课/jq/admin/images/kozers/thumb/0.jpg"/>
			<div class="t_div" id="t_div"></div>
			<div class="b_div" id="b_div"></div>
		</div>
		<script type="text/javascript">
			var box = document.getElementById("box");
			var b_div = document.getElementById("b_div");
			var timer = null;
			var num = 0;
			
			b_div.onmouseover = function(){
				clearInterval(timer);
				timer = setInterval(function(){
					num++;
					num<0 ? box.children[0].style.top = num + "px" : clearInterval(timer);
				},30)
			}
			box.children[1].onmouseover = function(){
				clearInterval(timer);
				timer = setInterval(function(){
					num-=3;
					num >= -1070 ?  box.children[0].style.top = num + "px" : cl
				},60)
			}
			box.onmouseout = function(){
				clearInterval(timer);
			}
		</script>
	</body>
</html>
